﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ShowOffer.ascx.cs" Inherits="ShowOffer" %>
<asp:MultiView ID="OfferMenu" runat="server">
    <asp:View ID="v0" runat="server">
        <div id="div_Show" style="position: absolute; z-index: 100; top: 300px; left: 50%; display: none;">
            <img id="img_Show" style="border: 5px solid #FFF; cursor: pointer;" onclick="Show(this);" />
        </div>
        <table class="offer_tbl">
            <tr>
                <td style="width: 30%;">
                    <div class="detailImgBlock">
                        <div style="padding: 4px;" align="center">
                            <asp:Image ID="img_Photo" onclick="Show(this);" style="cursor: pointer;" ImageUrl="~/App_Themes/alex/img/el/nophoto_large.jpg" runat="server" />
                        </div>
                    </div>
                </td>
                <td style="text-align: left; width: 70%;">
                    <div style="line-height: 20px;">
                        <asp:Label ID="lb_OfferCode" Font-Size="110%" Font-Bold="true" runat="server" />
                        <asp:Label ID="lb_Komiss" Font-Size="110%" runat="server" ForeColor="Green" Font-Bold="true" />
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Label ID="lb_Info" runat="server" />
                    <br/><br/>
                    <strong>Дополнительные фото:</strong><br/>
                    <asp:Image ID="img_2" onclick="Show(this);" Visible="false" style="cursor: pointer; border: 3px solid #fff;" runat="server" />
                    <asp:Image ID="img_3" onclick="Show(this);" Visible="false" style="cursor: pointer; border: 3px solid #fff;" runat="server" />
                    <asp:Image ID="img_4" onclick="Show(this);" Visible="false" style="cursor: pointer; border: 3px solid #fff;" runat="server" />
                    <asp:Image ID="img_5" onclick="Show(this);" Visible="false" style="cursor: pointer; border: 3px solid #fff;" runat="server" />
                    <asp:Image ID="img_6" onclick="Show(this);" Visible="false" style="cursor: pointer; border: 3px solid #fff;" runat="server" />
                </td>
            </tr>
        </table>
    </asp:View>
</asp:MultiView>

<script language="javascript">
    function Show(el)
    {
        var ff = document.getElementById('div_Show');
        if(ff.style.display != "none" && el.id == "img_Show")
        {
            ff.style.display = "none";
        }
        else
        {
            ff.style.display = "";
            document.getElementById('img_Show').src = el.src;
        }

        
    }
</script>